<!DOCTYPE html>
<ui:composition template="/template/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:o="http://omnifaces.org/ui">

	<ui:define name="titulo">Controle Bibliotecário</ui:define>

	<ui:define name="corpo">
	
	<div class="row-fluid" style="margin-bottom: 350px;">
	</div>

		<ui:remove>

			<div class="row-fluid" style="margin-bottom: 15px;">

				<div class="span4" style="margin-top: 10px;">

					<p:dataTable value="#{livroController.formulario.listagemLivro}" var="item" border="1" cellspacing="0" cellpadding="2" rows="10"
						emptyMessage="Nenhum resultado!" id="dtTableLivros1" widgetVar="leitoresTable">

						<f:facet name="header">
							<p:outputLabel value="10 Livros mais lidos" />
						</f:facet>

						<p:column headerText="Nome">
							<h:outputText value="#{item.nome}" />
						</p:column>

					</p:dataTable>

				</div>

				<div class="span4" style="margin-top: 10px;">

					<p:dataTable value="#{livroController.formulario.listagemLivro}" var="item" border="1" cellspacing="0" cellpadding="2" rows="10"
						emptyMessage="Nenhum resultado!" id="dtTableLivros2" widgetVar="leitoresTable">

						<f:facet name="header">
							<p:outputLabel value="10 melhores Leitores" />
						</f:facet>

						<p:column headerText="Nome">
							<h:outputText value="#{item.nome}" />
						</p:column>

					</p:dataTable>

				</div>

				<div class="span4" style="margin-top: 10px;">

					<p:dataTable value="#{livroController.formulario.listagemLivro}" var="item" border="1" cellspacing="0" cellpadding="2" rows="10"
						emptyMessage="Nenhum resultado!" id="dtTableLivros3" widgetVar="leitoresTable">

						<f:facet name="header">
							<p:outputLabel value="devoluções atrasadas" />
						</f:facet>

						<p:column headerText="Nome">
							<h:outputText value="#{item.nome}" />
						</p:column>

					</p:dataTable>

				</div>


			</div>

		</ui:remove>

	</ui:define>

</ui:composition>